@import '../../style/mixin';

.component_tabbar{
    background-color: #fff;
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    bottom: 0;
    @include wh(100%, 1.95rem);
    display: flex;
    box-shadow: 0 -0.026667rem 0.053333rem rgba(0,0,0,.1);
    .component_tabbar_item{
        flex: 1;
        display: flex;
        text-align: center;
        flex-direction: column;
        align-items: center;
    }
    .component_tabbar_icon{
        @include wh(.8rem, .8rem);
        margin-top: .3rem;
        fill: #ccc;
    }
    .component_tabbar_title{
        @include sc(.45rem, #666);
    }
}
